<template>
  <div>
    <el-table
        :data="tableData"
        style="width: 100%"
        border>
      <el-table-column
          prop="carNo"
          label="车牌号"
          width="180">
      </el-table-column>
      <el-table-column
          prop="drivers"
          label="驾驶员"
          width="180">
      </el-table-column>
    </el-table>
    <!--分页下列表-->
    <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="[5, 10, 15, 20]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="tableData.length">
    </el-pagination>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {id: "86", searchValue: null, createBy: null, createTime: "2024-03-08 16:00:03", updateBy: null, updateTime: "2024-03-08 16:00:03",
          deleteFlag : false, params : {}, carNo: "湘A 测试车牌号", carPic: "axd/IMAGE/2024/03/08/QQ图片20230707091522_1766010965121437696.png",
          carColor: "黄色", carTypeId: 3, carCategory: null,
          vin: "KSJDF22222222222", businessScope: 4, regDay: "2024-03-08", weight: 2100, carLoad: 1500, carStatus: 1, engineNo: "10000000", carPeople: 4, isFilings: true, firmId: 74, isLoan: false, riskTwoDimensionalRecord: null, carTechnologyInfo: null, carLicenseInfo: null, carTransportInfo: null, carInsureList: [], drivers: "heying", data: null
        },
        {id: "86", searchValue: null, createBy: null, createTime: "2024-03-08 16:00:03", updateBy: null, updateTime: "2024-03-08 16:00:03",
          deleteFlag : false, params : {}, carNo: "湘A 测试车牌号", carPic: "axd/IMAGE/2024/03/08/QQ图片20230707091522_1766010965121437696.png",
          carColor: "黄色", carTypeId: 3, carCategory: null,
          vin: "KSJDF22222222222", businessScope: 4, regDay: "2024-03-08", weight: 2100, carLoad: 1500, carStatus: 1, engineNo: "10000000", carPeople: 4, isFilings: true, firmId: 74, isLoan: false, riskTwoDimensionalRecord: null, carTechnologyInfo: null, carLicenseInfo: null, carTransportInfo: null, carInsureList: [], drivers: "heying", data: null
        },
        {id: "86", searchValue: null, createBy: null, createTime: "2024-03-08 16:00:03", updateBy: null, updateTime: "2024-03-08 16:00:03",
          deleteFlag : false, params : {}, carNo: "湘A 测试车牌号", carPic: "axd/IMAGE/2024/03/08/QQ图片20230707091522_1766010965121437696.png",
          carColor: "黄色", carTypeId: 3, carCategory: null,
          vin: "KSJDF22222222222", businessScope: 4, regDay: "2024-03-08", weight: 2100, carLoad: 1500, carStatus: 1, engineNo: "10000000", carPeople: 4, isFilings: true, firmId: 74, isLoan: false, riskTwoDimensionalRecord: null, carTechnologyInfo: null, carLicenseInfo: null, carTransportInfo: null, carInsureList: [], drivers: "heying", data: null
        },
        {id: "86", searchValue: null, createBy: null, createTime: "2024-03-08 16:00:03", updateBy: null, updateTime: "2024-03-08 16:00:03",
          deleteFlag : false, params : {}, carNo: "湘A 测试车牌号", carPic: "axd/IMAGE/2024/03/08/QQ图片20230707091522_1766010965121437696.png",
          carColor: "黄色", carTypeId: 3, carCategory: null,
          vin: "KSJDF22222222222", businessScope: 4, regDay: "2024-03-08", weight: 2100, carLoad: 1500, carStatus: 1, engineNo: "10000000", carPeople: 4, isFilings: true, firmId: 74, isLoan: false, riskTwoDimensionalRecord: null, carTechnologyInfo: null, carLicenseInfo: null, carTransportInfo: null, carInsureList: [], drivers: "heying", data: null
        },
        {id: "86", searchValue: null, createBy: null, createTime: "2024-03-08 16:00:03", updateBy: null, updateTime: "2024-03-08 16:00:03",
          deleteFlag : false, params : {}, carNo: "湘A 测试车牌号", carPic: "axd/IMAGE/2024/03/08/QQ图片20230707091522_1766010965121437696.png",
          carColor: "黄色", carTypeId: 3, carCategory: null,
          vin: "KSJDF22222222222", businessScope: 4, regDay: "2024-03-08", weight: 2100, carLoad: 1500, carStatus: 1, engineNo: "10000000", carPeople: 4, isFilings: true, firmId: 74, isLoan: false, riskTwoDimensionalRecord: null, carTechnologyInfo: null, carLicenseInfo: null, carTransportInfo: null, carInsureList: [], drivers: "heying", data: null
        },
        {id: "86", searchValue: null, createBy: null, createTime: "2024-03-08 16:00:03", updateBy: null, updateTime: "2024-03-08 16:00:03",
          deleteFlag : false, params : {}, carNo: "湘A 测试车牌号", carPic: "axd/IMAGE/2024/03/08/QQ图片20230707091522_1766010965121437696.png",
          carColor: "黄色", carTypeId: 3, carCategory: null,
          vin: "KSJDF22222222222", businessScope: 4, regDay: "2024-03-08", weight: 2100, carLoad: 1500, carStatus: 1, engineNo: "10000000", carPeople: 4, isFilings: true, firmId: 74, isLoan: false, riskTwoDimensionalRecord: null, carTechnologyInfo: null, carLicenseInfo: null, carTransportInfo: null, carInsureList: [], drivers: "heying", data: null
        }
      ],
      currentPage: 1,
      pageSize: 5
    };
  },
  methods: {
    handleSizeChange(val) {
      this.pageSize = val;
    },
    handleCurrentChange(val) {
      this.currentPage = val;
    }
  }
};
</script>